<%-- 
    Document   : Personalpage
    Created on : 2020-6-10, 18:00:12
    Author     : linnanxiang
--%>
<%@page contentType="text/html" pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <title>个人信息</title>
        <style type="text/css">
            .Content-Main{
                max-width: 500px;
                margin: 250px auto;
                border: none;
                border-radius: 5px; 
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
                text-shadow: 1px 1px 1px #444;
                color: #D3D3D3;
                background: #555;
            }
            .Content-Main h1{
                padding: 8px 0px 40px 10px;
                display: block;
                border-bottom: 1px solid #444;
            }
            .text1{
                margin-left: 3px;
            }
            .Content-Main label{
                margin: 0px 0px 5px;
                display: block;
            }
            .fileInputContainer{
                height: 99px;
                width: 99px;
                margin: 20px 20px 20px 20px ;
                border: none;
                background: url("img/Example.jpg");
                overflow: hidden; 
                position: relative; 
            }
            .fileInput{
                height: 106px;
                border: none;
                font-size: 300px;
                opacity: 0;  
                filter:alpha(opacity=0);
                cursor: pointer;
                position: absolute;
            }
            .Content-Main label>span{
                width: 20%;
                float: left;
                text-align: right;
                padding-right: 10px;
                margin-top: 10px;
                font-weight: bold;
            }
            .Main-sex{
                padding-right: 13px;
                padding-bottom: 13px;
                font-weight: bold;
                line-height: 4px; 
            }
            .Main-sex input[type=checkbox]{
                margin-top:6px;
                vertical-align:middle; 
            }
            .col-sm-2{

            }
            .Content-Main input[type="text"],.Content-Main input[type="email"],.Content-Main textarea{
                height: 25px;
                width: 70%;
                line-height: 15px;
                padding: 5px 0px 5px 5px; 
                margin-bottom: 16px;
                margin-right: 6px;
                margin-top: 2px;
                border: none;
                border-radius:2px;
                -webkit-border-radius:2px;
                -moz-border-radius:2px;
                outline: 0 none; 
                background:  #DFDFDF;
                color: #525252;
            }
            .Content-Main textarea{
                height: 100px;
                width: 70%;
                padding: 5px 0px 0px 5px;
            }
            .Content-Main .button{
                padding: 8px 24px 8px 24px;
                margin-bottom: 8px;
                border: none;
                border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                font-weight: bold;
                text-shadow: 1px 1px 1px #FFE477;
                box-shadow: 1px 1px 1px  #3D3D3D;
                -moz-box-shadow: 1px 1px 1px  #3D3D3D;
                -webkit-box-shadow: 1px 1px 1px  #3D3D3D;
                color: #585858;
                background: #f6ff0a;
            }
            .Content-Main .button:hover{
                color:  #333;
                background-color:  #EBEBEB ;

            }
        </style>
    </head>
    <body>
        <div class="Content-Main">
            <form  action="${pageContext.request.contextPath}/UpdateUserInfoServlet" method="post" class="form-userInfo">
                <h1>个人信息</h1>
                <span class="text1">请在文本框中完善您的个人信息：</span>
                <p>
                    <!--                <div class="fileInputContainer">
                                        <input class="fileInput" id="" type="file" name="">
                                    </div>-->
                    <!--                 <div class="form-group">
                                        <label class="col-sm-2 control-label">头像</label>
                                        <img class="headImg" src="${pageContext.request.contextPath}/upload/${user.userImage}" onerror="this.src='${pageContext.request.contextPath}/img/logo.jpg'"/>
                                        <div class="col-sm-10">
                                            <input type="file" filename="" class="form-control" name="head" value="${pageContext.request.contextPath}/upload/${user.userImage}">
                                        </div>
                                    </div>-->
                    <label>
                        <span>名字:</span>
                        <input type="text"  name="name" placeholder="姓名" value="${user.userName}">
                    </label>
                    <label >
                        <span>性别:</span>
                        <input type="text" name="gender" value="${user.userGender}">
                        <!--                    <input type="radio" class="man" name="gender" >男
                                            <input type="radio" class="women" name="gender" checked="true">女-->
                    </label>
                    <label>
                        <span>邮箱:</span>
                        <input type="email" name="email" placeholder="请输入邮箱" value="${user.userEmail}">
                    </label>
                    <label>
                        <span>城市:</span>
                        <input type="text" name="city" placeholder="所在城市" value="${user.userCity}">
                    </label>
                    <label>
                        <span>电话:</span>
                        <input type="text" name="phone" placeholder="11位电话" value="${user.userTel}">
                    </label>

                    <label>
                        <input type="submit" class="button" value="保存修改" >
                    </label>
            </form>
        </div>
    </body>
</html>
